﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Front.Master" AutoEventWireup="true" CodeBehind="Contact.aspx.cs" Inherits="CarService.Contact" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            document.getElementById('ContentPlaceHolder1_txtName').value = 'Họ tên';
            document.getElementById('ContentPlaceHolder1_txtEmail').value = 'Email';
            document.getElementById('ContentPlaceHolder1_txtPhone').value = 'Số điện thoại';
            document.getElementById('ContentPlaceHolder1_txtDesc').value = 'Nội dung';
        });

        function resetInput(id) {
            document.getElementById(id).value = '';
        }

        function changeInput(id, txt) {
            if (document.getElementById(id).value == "") {
                document.getElementById(id).style.color = "red";
                document.getElementById(id).style.fontStyle = "italic";
                document.getElementById(id).value = txt;
                return false;
            }
            return true;
        }

        function checkInput() {
            var name = document.getElementById('ContentPlaceHolder1_txtName');
            var email = document.getElementById('ContentPlaceHolder1_txtEmail');
            var desc = document.getElementById('ContentPlaceHolder1_txtDesc');
            if (name.value == "" || name.value == "Họ tên" || name.value == "* Bạn chưa nhập Họ tên") {
                name.style.color = "red";
                name.style.fontStyle = "italic";
                name.value = "* Bạn chưa nhập Họ tên";
                return false;
            }
            if (email.value == "" || email.value == "Emailn" || email.value == "* Bạn chưa nhập Email") {
                email.style.color = "red";
                email.style.fontStyle = "italic";
                email.value = "* Bạn chưa nhập Email";
                return false;
            }
            if (desc.value == "" || desc.value == "Nội dung" || desc.value == "* Bạn chưa nhập Nội dung") {
                desc.style.color = "red";
                desc.style.fontStyle = "italic";
                desc = "* Bạn chưa nhập Nội dung";
                return false;
            }

            document.getElementById('success').style.display = '';
            document.getElementById('form').style.display = 'none';
            return true;
        }

        function clearStyle(id) {
            document.getElementById(id).style.color = "black";
            document.getElementById(id).style.fontStyle = "norman";
        }

        function submit() {
            document.getElementById('success').style.display = '';
            document.getElementById('form').style.display = 'none';
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="content-2">
        <div class="container_12">
            <div>
                <div class="grid_5">
                    <div class="ident-bot-15">
                        <h2>Địa chỉ</h2>
                        <h2 class="h2 ident-top-1">Liên hệ</h2>
                    </div>
                    <div class="ident-bot-6">
                        <iframe src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed" class="map1"> </iframe>
                    </div>
								<h4><asp:Label ID="lblSiteName" runat="server"></asp:Label></h4><br />
                                    <address><asp:Label ID="lblSiteAddress" runat="server"></asp:Label></address><br />
								Số điện thoại:<asp:Label ID="lblPhone" runat="server"></asp:Label><br />
								FAX:<asp:Label ID="lblFax" runat="server"></asp:Label><br />
								E-mail: <asp:Label ID="lblEmail" runat="server"></asp:Label><br />
                                Website: <asp:Label ID="lblWebsite" runat="server"></asp:Label>
                    </div>

                <div class="grid_7">
                    <div class="ident-bot-6">
                        <h2>Gửi</h2>
                        <h2 class="h2 ident-top-1">Tin nhắn</h2>
                    </div>
                    <div id="confirm">
                        <div id="form-1">
                            <div class="success" id="success" style="display: none;">
                                <div class="success_txt">
                                Tin nhắn của bạn đã được gửi đi. 
                                <br />
                                <strong>Chúng tôi sẽ liên lạc với bạn trong vòng 24h tới.<br /> Xin cảm ơn!</strong>
                                </div>
                            </div>
                            <fieldset id="form">
                                <asp:TextBox ID="txtName" runat="server" CssClass="name" OnClick="javascript:resetInput(this.id)"  onblur="javascript:changeInput(this.id,'* Bạn chưa nhập Họ tên')"></asp:TextBox>
                                <asp:TextBox ID="txtEmail" runat="server" CssClass="email" OnClick="javascript:resetInput(this.id)"  onblur="javascript:changeInput(this.id,'* Bạn chưa nhập Email')"></asp:TextBox>
                                <asp:TextBox ID="txtPhone" runat="server" CssClass="phone" OnClick="javascript:resetInput(this.id)" onblur="javascript:changeInput(this.id,'')"></asp:TextBox>
                                <asp:TextBox ID="txtDesc" runat="server" TextMode="MultiLine" OnClick="javascript:resetInput(this.id)" onblur="javascript:changeInput(this.id,'* Bạn chưa nhập Nội dung')"></asp:TextBox>
                                <br />
                                <div class="btns">
                                    <asp:LinkButton ID="lbtSubmit" CssClass="button" Text="Gửi" runat="server" OnClientClick="return javascript:checkInput()" 
                                        onclick="lbtSubmit_Click"></asp:LinkButton>
                                    <asp:LinkButton ID="lblReset" CssClass="button" Text="Xóa" runat="server" 
                                        onclick="lblReset_Click"></asp:LinkButton>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
        </div>
    </div>
    </div>
</asp:Content>
